<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>JAR Corp. - Menu Principal</title>
        <link rel="stylesheet"  href="css/abanico.css"/>
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"/>
        <script type="text/javascript" src="js/jquery-1.6.min.js"></script>
        <script src="js/cufon-yui.js" type="text/javascript"></script>
        <script src="js/cufon-replace.js" type="text/javascript"></script>
        <script src="js/Open_Sans_400.font.js" type="text/javascript"></script>
        <script src="js/Open_Sans_Light_300.font.js" type="text/javascript"></script>
        <script src="js/Open_Sans_Semibold_600.font.js" type="text/javascript"></script>  
        <script type="text/javascript" src="js/tms-0.3.js"></script>
        <script type="text/javascript" src="js/tms_presets.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script src="js/FF-cash.js" type="text/javascript"></script>
        <script>
            function cargarContenidos(urlDatos){
                $.get(urlDatos, function(data) {
                    $('.row-3').html(data);
                });
            }
        </script>
    </h:head>
    <h:body id="page1">
        <div class="bg">
            <div class="main">
                <header>
                    <div class="row-1">
                        <p>JAR Corp. - ADMINISTRACION</p>
                    </div>
                    <div class="row-2">
                        <nav>
                            <ul class="menu">
                                <li><a class="active" href="PrincipalMenu.xhtml">PRINCIPAL</a></li>
                                <li><a href="javascript:cargarContenidos('Accidentes.xhtml')">ACCIDENTES</a></li>
                                <li><a href="#">ANTECEDENTES</a></li>
                                <li><a href="#">HAB. NOCIVOS</a></li>
                                <li class="last-item"><a href="#">HISTORIAL</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="row-3">
                        <div class="slider-wrapper">
                            <div class="slider">
                                <ul class="items">
                                    <li><img src="images/slider-img1.jpg" alt=""></img>
                                        <strong class="banner">
                                            <strong class="b1">our solidity</strong>
                                            <strong class="b2">is equity</strong>
                                            <strong class="b3">Innovation and flexibility, quick and high results - oriented work</strong>
                                        </strong>
                                    </li>
                                    <li><img src="images/slider-img2.jpg" alt=""> </img>
                                        <strong class="banner">
                                            <strong class="b1">our aim is</strong>
                                            <strong class="b2">Dedicated</strong>
                                            <strong class="b3">To conducting business affairs using the highest standards</strong>
                                        </strong>
                                    </li>
                                    <li><img src="images/slider-img3.jpg" alt=""> </img>
                                        <strong class="banner">
                                            <strong class="b1">encourage</strong>
                                            <strong class="b2">Business</strong>
                                            <strong class="b3">Success and growth with our professionals of this sphere</strong>
                                        </strong>
                                    </li>
                                </ul>
                                <a class="prev" href="#">prev</a>
                                <a class="next" href="#">prev</a>
                            </div>
                        </div>
                    </div>
                </header>
                <footer>
                    <div class="row-top">
                        <div class="row-padding">
                            <div class="wrapper">
                                <div class="col-1">
                                    <h4>Address:</h4>
                                    <dl class="address">
                                        <dt><span>Country:</span>USA</dt>
                                        <dd><span>City:</span>San Diego</dd>
                                        <dd><span>Address:</span>Beach st. 54</dd>
                                        <dd><span>Email:</span><a href="#">lcenter@mail.com</a></dd>
                                    </dl>
                                </div>
                                <div class="col-2">
                                    <h4>Follow Us:</h4>
                                    <ul class="list-services">
                                        <li class="item-1"><a href="#">Facebook</a></li>
                                        <li class="item-2"><a href="#">Twitter</a></li>
                                        <li class="item-3"><a href="#">LinkedIn</a></li>
                                    </ul>
                                </div>
                                <div class="col-3">
                                    <h4>Why Us:</h4>
                                    <ul class="list-1">
                                        <li><a href="#">Lorem ipsum dolor</a></li>
                                        <li><a href="#">Aonsect adipisic</a></li>
                                        <li><a href="#">Eiusmjkod tempor</a></li> 
                                        <li><a href="#">Incididunt ut labore</a></li>
                                    </ul>
                                </div>
                                <div class="col-4">
                                    <div class="indent3">
                                        <strong class="footer-logo">Point.<strong>co</strong></strong>
                                        <strong class="phone"><strong>Toll Free:</strong> 1-800-567-8934</strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row-bot">
                        <div class="aligncenter">
                            <p class="p0"><a rel="nofollow" href="http://www.templatemonster.com/" target="_blank">Website Template</a> by TemplateMonster.com | <a rel="nofollow" href="http://www.html5xcss3.com/" target="_blank">html5xcss3.com</a></p>
                            <a href="http://www.templates.com/product/3d-models/" target="_blank">3D Models</a> provided by Templates.com
                            <!-- {%FOOTER_LINK} -->
                        </div>
                    </div>
                </footer>
            </div>
        </div>
        <script type="text/javascript"> Cufon.now(); </script>
        <script type="text/javascript">
            $(function(){
                $('.slider')._TMS({
                    prevBu:'.prev',
                    nextBu:'.next',
                    playBu:'.play',
                    duration:800,
                    easing:'easeOutQuad',
                    preset:'simpleFade',
                    pagination:false,
                    slideshow:3000,
                    numStatus:false,
                    pauseOnHover:true,
                    banners:true,
                    waitBannerAnimation:false,
                    bannerShow:function(banner){
                        banner
                        .hide()
                        .fadeIn(500)
                    },
                    bannerHide:function(banner){
                        banner
                        .show()
                        .fadeOut(500)
                    }
                });
            })
        </script>
    </h:body>
</html>

